import { ImPhoneHangUp } from "solid-icons/im";
import { type Component } from "solid-js";

const EndCall: Component<{
  endCall: any;
}> = (props) => {
  return (
    <button
      onClick={[props.endCall]}
      class="text-white p-3 bg-red-600 hover:bg-red-500 rounded-full"
    >
      <ImPhoneHangUp size={20} />
    </button>
  );
};

export default EndCall;